<template>
	<div class="wraper" :class="{padTop:isIphoneX,iphone:isIphone}">
		<div class="line"></div>
		<div class="nav-bar">
			<div class="arrow" @click="goBack"></div>
		</div>
		<div class="content">
			<h1>设置</h1>
			<div class="items">
				<!-- <div class="item" @click="jump(1)"><b>我的设置</b><span></span></div> -->
				<div class="item" @click="jump(2)"><b>涨跌颜色</b><span>{{defaultSet.name}}</span></div>
				<!-- <div class="item" @click="jump(7)"><b>字体大小</b><span>{{defaultSet2.name}}</span></div> -->
				<!-- <div class="item" @click="jump(3)"><b>在线客服</b></div> -->
				<!-- <div class="item" @click="jump(4)"><b>常见问题</b></div> -->
				<div class="item" @click="jump(5)"><b>检查更新</b><span>{{version}}<i v-if="needUpdate"></i></span></div>
				<!-- <div class="item" @click="jump(6)"><b>关于我们</b></div> -->
			</div>
		</div>
		<div class="login-out" @click="loginOut">退出登录</div>
		<!-- 涨跌颜色设置 -->
		<van-action-sheet 
			class="iconBox" 
			:class="{isIphoneX:isIphoneX}"
			v-model="iconShown" 
			:actions="iconList" 
			cancel-text="取消" 
			@select="selectIcon" 
		/>
		<!-- 字体设置 -->
		<van-action-sheet 
			class="iconBox" 
			:class="{isIphoneX:isIphoneX}"
			v-model="iconShown2" 
			:actions="iconList2" 
			cancel-text="取消" 
			@select="selectIcon2" 
		/>
	</div>
</template>
<script src="./myMore.js"></script>
<style scoped>
	@import './myMore.css';
</style>
<style type="text/css">
	.sellType-mark{
		background-color: rgba(0,0,0,.5);
	}
	.van-dialog.sellType-dialog{
		width: 5.07rem;
		border-radius: 0.22rem;
	}
	.van-dialog.sellType-dialog .van-dialog__header{
		padding-top: 0.4rem;
		font-size: 0.32rem;
		color: #2E3D4D;
		font-weight: bold;
	}
	.van-dialog.sellType-dialog .van-dialog__message{
		font-size: 0.3rem;
		padding: 0.1rem 0 0.35rem 0;
		color: #2E3E4D;
	}
	.van-dialog.sellType-dialog .van-button{
		height: 0.8rem;
		line-height: 0.8rem;
		font-size: 0.32rem;
	}
	.van-dialog.sellType-dialog .van-dialog__confirm{
		font-weight: 600;
	}
</style>